<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="<?php echo CSS; ?>/bootstrap.css">
    <link rel="stylesheet" href="<?php echo FONT; ?>/iconfont.css">
    <link rel="stylesheet" href="<?php echo CSS; ?>/header.css">
    <title>喜邦</title>
</head>
    <script src="<?php echo JS; ?>/jquery-3.4.1.min.js"></script>
    <script src="<?php echo JS; ?>/bootstrap.js"></script>
<body>
    <!-- 导航栏 -->
    <section>
        <div class="container-fluid my-nav">
            <div class="container">
                <div class="row">
                    <ul>
                        <?php foreach ($nav_arr as $val) {
                            if ($val['nav_name'] == '') { ?>
                                <li><a href="<?php echo ROOT.'/index.php'; ?>" style='border:0;'><img src="<?php echo ROOT . $val['nav_img']; ?>" alt=""></a></li>
                            <?php } else { ?>
                                <li class="<?php if($current_url == $val['nav_url']){echo 'active';} ?>" ><a href="<?php echo ROOT.'/'.$val['nav_url']; ?>"><strong><?php echo $val['nav_name']; ?></strong></a></li>
                        <?php }
                        } ?>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- banner -->
    <section>
        <div class="container-fluid banner">
            <div class="row">
                <?php foreach($ban_arr as $val){ ?>
                    <img src="<?php echo ROOT.$val['ban_img']; ?>" class="img-responsive" alt="">
                <?php } ?>
            </div>
        </div>
    </section>